What Styles Are Applied?

Consider the following image for this exercise:

Media queries can get complex, especially when they start overlapping like what we're got here. Let's go ahead and step through each part step by step.

AA applies from 0 to 300, and also from 300 to 400. This makes its maximum width 400 pixels.
BB starts at 301 pixels, so we set its minimum width to 301, and it goes all the way to 600 pixels (its maximum width).
CC starts at 601 pixels, so we say it has a minimum width of 601 pixels. And, it doesn't have to end -- so there is no maximum width.
DD seems to be the same as CC, except it starts at 961 pixels.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: generic
Opened files (when workspace is loaded): n/a

Next Concept